<template>
    <div>
        <h1></h1>
        <!-- 第一种方法@绑定自定义事件 -->
        <Student @test="getStuName" @demo="demo"></Student>
        <!-- 第二种方法 ref方法 -->
        <!-- <Student ref="student" ></Student> -->
        <School :getSchoolName="getSchoolName"></School>
    </div>
</template>

<script>
// 引入组件
import Student from './components/Student.vue'
import School from './components/School.vue'
export default {
    name:'App',
    components:{
        Student,
        School
    },
    methods:{
        getSchoolName(name){
            console.log('我是App接收了学校名',name);
        },
        getStuName(name,...params){
            console.log('我是收到了学生名',name,params);
        },
        demo(d){
            console.log('demo',d);
        },
       
    },
    mounted(){
        // 绑定自定义事件
        // refs使用的优点 3秒之后再给子组件绑定上自定义事件
        // setTimeout(() => {
        //     // this.$refs.student.$on('test',this.getStuName)
        //     this.$refs.student.$once('test',this.getStuName)//绑定一次性的自定义事件

        // }, 100);
    }
}
</script>